<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>活动详情</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css">
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
</head>

<body>
<div class="page-group">
    <div class="page activity-details" id="activityDetailPage">
        <script type="text/template" id="activityDetailHeadTpl">
            <div class="name">{{ activityName }}</div>
            <div class="date">{{ activityStartTime }} 至 {{ activityEndTime }}</div>
            <div class="status">{{ statusTitle }}</div>
        </script>

        <script type="text/template" id="activityDetailAnalysisTpl">
            <ul class="total-data">
                <li>
                    <span>活动收益(元)</span>
                    <div>{{ activityIncome }}</div>
                </li>
                <li>
                    <span>发券成本(元)</span>
                    <div>{{ sendPrizeCost }}</div>
                </li>
            </ul>
            <div class="roi">
                <i class="zhk-detail_roi"></i>
                <span>ROI：</span>{{ roi }}
                <i class="zhk-list_analyze"></i>
            </div>
            <div class="chart">
                <div class="title-text" lineChartType="{{ lineChartType }}">{{ lineChartTitle }}</div>
                <ul class="filter-tab">
                    <li class="selected" days="7">近7天</li>
                    <li days="30">近30天</li>
                    <li days="90">近90天</li>
                </ul>
                <div class="chart-container" id="detailPageLineChart">
                </div>
            </div>
            <div class="chart">
                <div class="title-text">活动收益统计</div>
                <ul class="filter-tab">
                    <li class="selected" days="7">近7天</li>
                    <li days="30">近30天</li>
                    <li days="90">近90天</li>
                </ul>
                <div class="chart-container" id="detailPageIncomeLineChart">
                </div>
            </div>
            <div class="chart">
                <div class="title-text">券核销数据</div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {{ each promTools as item i }}
                        <div class="swiper-slide">
                            <ul class="c-legend">
                                <li><i class="zhk-list_quan"></i>{{ item.voucherNameTitle }}</li>
                            </ul>
                            <div class="chart-container" name="detailPagePieChartContainer">

                            </div>
                        </div>
                        {{ /each }}
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </script>

        <script type="text/template" id="activityDetailTpl">
            <div class="form-title">
                活动规则
            </div>
                    <ul>
                        <li>
                            <span>活动时间</span>
                            <div>
                                {{ activityStartTime }} 至 {{ activityEndTime }}
                            </div>
                        </li>
                        <li>
                            <span>自动续期</span>
                            <div>{{ if autoDelayFlag == 'Y'}}是{{ else }}否{{ /if }}</div>
                        </li>
                        <li>
                            <span>活动对象</span>
                            <div>{{ campTarget }}</div>
                        </li>
                        <li>
                            <span>适用门店</span>
                            <div><a href="activity_detail_store_list.html">已选择{{ activityConstrain.suitShopCount }}家门店 <i class="zhk-list_rarrow"></i></a></div>
                        </li>
                        <li>
                            <span>发放数量</span>
                            <div>{{ promoSendRuleSendNumTitle }}</div>
                        </li>
                        <li>
                            <span>累计领取上限</span>
                            <div>{{ activityConstrain.userWinCountTitle }}</div>
                        </li>
                        <li>
                            <span>单日领取上限</span>
                            <div>{{ activityConstrain.userWinFrequencyTitle }}</div>
                        </li>
                        <li>
                            <span>发放方式</span>
                            <div>{{ obtainTypeTitle }}</div>
                        </li>
                    </ul>
                    <div class="quan-rule">
                        <div class="title-text">券规则</div>
                        <ul class="quan-wrap">
                            {{ each promTools as item i}}
                            <li promoToolId="{{ item.promoToolId }}">
                                <div class="quan">
                                    {{ if item.voucherType == "MONEY" }}
                                    <div class="price"><span><i>¥</i>{{ item.voucherWorthValueInt }}<b>.{{ item.voucherWorthValueDec }}</b></span></div>
                                    <div class="type">{{ if item.moneyVoucherType == 1 }}全场代金券{{ else }}单品代金券{{ /if }}</div>
                                    {{ else }}
                                    <div class="price"><span>{{ item.voucherRate * 10 }}<b>折</b></span></div>
                                    <div class="type">全场折扣券</div>
                                    {{ /if }}
                                    <div class="info-list">
                                        <div>
                                            <ul>
                                                {{ if item.voucherType == "MONEY" && item.moneyVoucherType != 1 }}
                                                <li>{{ item.voucherItem.itemName }}</li>
                                                <li>消费满{{ item.voucherMinConsume }}元可用</li>
                                                <li>{{ if item.voucherValidateType == 'FIXED' }}{{ item.voucherStartTimeStr }}至{{ item.voucherEndTimeStr }}{{ else }}券有效期：领取后{{ item.voucherRelativeTime }}天内有效{{ /if }}</li>
                                                {{ else if activityMarketType == 22 || activityMarketType == 51 || activityMarketType == 35 }}
                                                <li>订单满{{ item.promoSendRuleMincost }}元领取</li>
                                                <li>消费满{{ item.voucherMinConsume }}元可用</li>
                                                {{ else }}
                                                <li>消费满{{ item.voucherMinConsume }}元可用</li>
                                                <li>{{ if item.voucherValidateType == 'FIXED' }}{{ item.voucherStartTimeStr }}至{{ item.voucherEndTimeStr }}{{ else }}券有效期：领取后{{ item.voucherRelativeTime }}天内有效{{ /if }}</li>
                                                {{ /if }}
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            {{ /each }}
                        </ul>
                        <a href="javascript:void(0)" class="other-setting">
                            查看其他设置
                            <i class="zhk-list_rarrow"></i>
                        </a>
                    </div>
                    {{ if publishChannels.length > 0 }}
                    <div class="qudao">
                        <div class="title-text">投放渠道</div>
                        <ul class="qudao-list">
                            {{ each publishChannels as item i }}
                                {{ if item.publishChannelType == 'SHOP_DETAIL' }}
                                    <li publishChannelType='SHOP_DETAIL'>
                                        <div class="qd-icon zfb"><i class="zhk-detail_zfb"></i></div>
                                        <p>支付宝</p>
                                    </li>
                                {{ else if item.publishChannelType == 'A_PAY_CODE' }}
                                    <li publishChannelType='A_PAY_CODE'>
                                        <div class="qd-icon sym"><i class="zhk-activity_sym"></i></div>
                                        <p>收银码</p>
                                    </li>
                                {{ else if item.publishChannelType == 'POS' }}
                                    <li publishChannelType='POS'>
                                        <div class="qd-icon xp"><i class="zhk-activity_xp"></i></div>
                                        <p>收银小票</p>
                                    </li>
                                {{ else if item.publishChannelType == 'COMMISSION_SETTING' }}
                                    <li publishChannelType='COMMISSION_SETTING'>
                                        <div class="qd-icon kbk"><i class="zhk-activity_kbk"></i></div>
                                        <p>口碑客</p>
                                    </li>
                                {{ /if }}
                            {{ /each }}
                        </ul>
                        {{ each publishChannels as item i }}
                            {{ if item.publishChannelType == 'QR_CODE' }}
                                    <li>
                                        <span>二维码类型</span>
                                        <div>{{ if item.affiliation == 1 }}支付宝页面领券{{ else }}红包领券{{ /if }}</div>
                                    </li>
                            {{ /if }}
                        {{ /each }}
                    </div>
                    {{ /if }}

        </script>
        <div class="scroll-view">
            <ul class="header">
                <li class="left"><a href="#" class="back"><i class="zhk-nav_back"></i>返回</a></li>
                <li class="middle">活动详情</li>
                <li class="right"><a href="javascript:void(0)" style="display: none">终止</a></li>
            </ul>
            <div class="page-body">
                <div class="ac-info">
                    <div class="name"></div>
                    <div class="date"> - 至 - </div>
                    <div class="status"></div>
                </div>

                <div class="pages">
                    <ul class="tab-wrap">
                        <li class="selected"><span>活动效果分析</span></li>
                        <li><span>活动详情</span></li>
                    </ul>
                    <div class="effect-analysis">
                        <ul class="total-data">
                            <li>
                                <span>活动收益(元)</span>
                                <div>0</div>
                            </li>
                            <li>
                                <span>发券成本(元)</span>
                                <div>0</div>
                            </li>
                        </ul>
                        <div class="roi">
                            <i class="zhk-detail_roi"></i>
                            <span>ROI：</span>0
                            <i class="zhk-list_analyze"></i>
                        </div>
                        <div class="chart">
                            <div class="title-text"></div>
                            <ul class="filter-tab">
                                <li class="selected">近7天</li>
                                <li>近30天</li>
                                <li>近90天</li>
                            </ul>
                            <div class="chart-container">
                            </div>
                        </div>
                        <div class="chart">
                            <div class="title-text">券核销数据</div>

                        </div>
                    </div>
                    <div style="display: none" class="details-page">

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/yz-sm.min.js"></script>
<script src="../lib/template.js"></script>
<script src="../lib/swiper.min.js"></script>
<script src="../lib/echarts.common.min.js"></script>
<script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>

<script src="../base/recalc.js" compress="../base/base.js"></script>
<script src="../base/dialog.js" compress="../base/base.js"></script>
<script src="../base/common.js" compress="../base/base.js"></script>
<script src="../base/appservice.js" compress="../base/base.js"></script>
<script src="../base/h5service.js" compress="../base/base.js"></script>
<script src="../js/activityDetailA.js" compress="../js/main.js"></script>
<script src="../js/activityDetailC.js" compress="../js/main.js"></script>
</body>
</html>
